<template>
    <div>
        <div class="recommend-songs margin-top">
            <h2 class="title">推荐歌单</h2>
            <!-- 歌单列表 -->
            <song-sheet :sheetList="personalizeds"></song-sheet>
        </div>
    </div>
</template>

<script>
import songSheet from '@/components/common/songSheet/Index'
export default {

    data() {
        return {
            limit: 24,
            personalizeds: []
        }
    },
    components: {
        songSheet
    },
    created() {

    },
    mounted() {
        this.getPersonalized()
    },
    methods: {
        // 获取推荐歌单
        async getPersonalized() {
            const { data: res } = await this.$api.getPersonalized(this.limit);
            if (res.code !== 200) {
                return this.$message.error('获取推荐歌单失败！')
            }
            this.personalizeds = res.result

        }
    },
}
</script>

<style lang="less" scoped>
</style>